/** 标准主题配色,todo 扩展 **/
page, body {
  .light, .light ~ .popup {
    /** -- 全局色 -- **/
    /** 主题色 **/
    --cr-main: #E93A40;
    /** 背景色 **/
    --cr-bg: #FFFFFF;

    /** 上涨 **/
    --cr-up: #E93A40;
    /** 下跌 **/
    --cr-down: #18A85B;
    /** 平 **/
    --cr-level: #222;

    /** 灰色，时间戳、表单缺省色等  light gray**/
    --cr-font-grey: #939AAA;
    /** 浅灰 light gray**/
    --cr-font-light-grey: #B9B9B9;
    /** 主要特殊内容 **/
    --cr-font-main-spec: #FF6800;
    /** 次要特殊内容 **/
    --cr-font-second-spec: #F5F5F5;

    /** -- 配色 -- **/
    --mini-first: #f2a536;
    --mini-second: #ffc641;
    --mini-third: #d5bb13;
    --mini-fourth: #c1842b;
    --mini-fifth: #916320;
    --mini-sixth: #749120;

    /** -- 背景 -- **/
    --bg-first: #fff;
    --bg-second: #f2f2f2;
    --bg-third: #fcfcfc;
    --bg-fourth: #ccc;
    --bg-fifth: #f1e8dc;
    --bg-sixth: #4a4a4b;

    /** -- 文字 -- **/
    --font-first: #222;
    --font-second: #fff;
    --font-third: #666;
    --font-fourth: #999;
    --font-fifth: #E93A40;

    /** -- 分割线 -- **/
    --split-line: #ebebeb;
    --split-line2: #ccc;

    /** -- 链接 -- **/
    --link-first: #185f87;

    /** -- 阴影 -- **/
    --box-shadow: #b7b7b7;
    --box-shadow2: #fcfcfc;
  }

  .dark, .dark ~ .popup {
    /** -- 全局色 -- **/
    /** 主题色 **/
    --cr-main: #E93A40;
    /** 背景色 **/
    --cr-bg: #000000;
    /** 上涨 **/
    --cr-up: #E93A40;
    /** 下跌 **/
    --cr-down: #18A85B;
    /** 平 **/
    --cr-level: #a6a7b4;

    /** -- 文字颜色 -- **/
    /** 主要内容 **/
    --cr-font-main: #ffffff;
    /** 次要内容 **/
    --cr-font-second: #999999;
    /** 灰色，时间戳、表单缺省色等 **/
    --cr-font-grey: #666666;
    /** 浅灰 light gray**/
    --cr-font-light-grey: #666666;

    /** -- 组件 -- **/
    --cr-link: #5F77FF;
    --cr-high-light: #5F77FF;

    /** 卡片背景 **/
    --cr-card-bg: #1c1c1c;
    --cr-card-bg2: #2a2a2a;

    /** 分割线 **/
    --cr-split-line: #252525;
    --cr-split-line2: #252525;

    /** 状态 **/
    --cr-disabled: #d8d8d8;
    --cr-warning: #fffcd2;

    /** 其他颜色 **/
    --cr-other: #666666;

    /** 英雄模式 **/
    --cr-filter-gray: none;

    --font-ex-large: 56px;
    --font-larger: 48px;
    --font-large: 40px;
    --font-ex-midder: 36px;
    --font-middler: 34px;
    --font-middle: 32px;
    --font-normal: 28px;
    --font-ex-normal: 26px;
    --font-small: 24px;
    --font-smaller: 22px;
    --font-ex-small: 18px;
  }
}